<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>MOVA</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    </style>
    <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">

    <link rel="shortcut icon" href="http://twitter.github.com/bootstrap/assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
	
	<script type="text/javascript">
		function get(page, params, whereToLoad)
		{
			if (window.XMLHttpRequest)
			{
				xmlhttp = new XMLHttpRequest();
			}
			else
			{
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}

			xmlhttp.onreadystatechange = function()
			{
				if (4 == xmlhttp.readyState && 200 == xmlhttp.status)
				{
					document.getElementById(whereToLoad).innerHTML = xmlhttp.responseText;
				}
			}
			
			if ("" == params)
				xmlhttp.open("GET", page, true);
				
			else
				xmlhttp.open("GET", page + "?" + params, true);
				
			xmlhttp.send();
		}
		
		function load(page)
		{
			get(page, "", "mainDiv");
		}
		
		function post(page, content, whereToLoad)
		{
			if (window.XMLHttpRequest)
			{
				xmlhttp = new XMLHttpRequest();
			}
			else
			{
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}

			xmlhttp.onreadystatechange = function()
			{
				if (4 == xmlhttp.readyState && 200 == xmlhttp.status)
				{
					document.getElementById(whereToLoad).innerHTML = xmlhttp.responseText;
				}
			}
			
			xmlhttp.open("POST", page, true);
			xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
			xmlhttp.send(content);
		}
	</script>
  </head>

  <body>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="main">MOVA - Management Portal</a>
        </div>
      </div>
    </div>
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Activity Functions</li>
              <li><a href="#" onClick="load('AddActivity')">Add Activity</a></a></li> 
			  <li><a href="#" onClick="load('RemoveActivity')">Remove Activity</a></li>
			  <li><a href="#" onClick="load('AddActivityType')">Add Activity Type</a></li>
			  <li><a href="#" onClick="load('RemoveActivityType')">Remove Activity Type</a></li>
			  <li class="nav-header">Agent Functions</li>
			  <li><a href="#" onClick="load('AddAgentType')">Add Agent Type</a></li>
			  <li><a href="#" onClick="load('RemoveAgentType')">Remove Agent Type</a></li>
			  <li class="nav-header">Item Functions</li>
			  <li><a href="#" onClick="load('AddItem')">Add Item</a></li>
			  <li><a href="#" onClick="load('RemoveItem')">Remove Item</a></li>
			  <li><a href="#" onClick="load('AddItemType')">Add Item Type</a></li>
			  <li><a href="#" onClick="load('RemoveItemType')">Remove Item Type</a></li>
            </ul>
          </div><!--/.well -->
        </div><!--/span-->
        <div class="span9">
          <div class="hero-unit" id="mainDiv">
            <h2>
				Operation Succeeded !
			</h2>
          </div>
        </div><!--/span-->
      </div><!--/row-->

      <hr>

      <footer>
        <p>&copy; Avi Digmi, Shai Cantor, Shiran Gabay 2012</p>
      </footer>

    </div><!--/.fluid-container-->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-button.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-typeahead.js"></script>

  </body>
</html>
